<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Aaron Ganschow" />
	<meta name="description" content="A simple blog interface for not so simple blogs." />
    <title>
      Tidy Blog
    </title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/print.css" type="text/css" media="print" /></head>
  <body>
    <div class="wrapper">
      <div class="container">
        <div id="searchBar">
          <div class="head"> &nbsp;search</div>
          <div class="content"><form action="#" method="post"><input name="search_button" type="image" class="button" src="images/search.gif" /><input type="text" name="search" class="search" /></form></div></div>
        <div class="icon">
          <img src="images/hand_logo.gif" width="140" height="98"
          alt="My fantastic Webdings Logo" />
        </div>
        <div id="title">
          <h1>
            Tidy Blog
          </h1>
          <h2>
            it's easier than you think
          </h2>
        </div>
        <div id="navigation">
          <ul>
            <li>
              <a href="index.html">Home</a>
            </li> 	  
            <li>
              <a href="archives.html">Archives</a>
            </li>
            <li>
              <a href="example.html">Example</a>
            </li>
            <li>
              <a href="gallery.html" class="selected">Gallery</a>
            </li>
            <li>
              <a href="design.html">Design</a></li>
          </ul>
        </div>
        <br class="clear" />
        <div id="body">
          <div class="sidebar">
            <h3>Categories</h3>
			<div class="content">
				<ul class="links">
				  <li><a href="#">Pop Culture</a></li>
				  <li><a href="#">Rants &amp; Raves</a></li>
				  <li><a href="#">Musings</a></li>
				  <li><a href="#">Coding</a></li>
				  <li><a href="#">Fiction</a></li>
				  <li><a href="#">Christianity</a></li>
				</ul>
			</div>
			<br />
		    <h3>Sceptre of Chaos</h3>
			<div class="content">After all these years, no one could have guessed that it would be in mouth of a whale.			</div>
			<br />
			<h3>Contact</h3>
			<div class="content">
			<form action="#" method="post">
			  <label for="email">e-mail</label><br />
			  <input type="text" name="email" id="email" size="22" tabindex="81" /><br />
			  <label for="message">message</label><br />
			  <textarea cols="18" rows="5" name="message" id="message" tabindex="82"></textarea><br /><br />
			  <input type="submit" name="submit" value="Send" class="submit" tabindex="83" />
			</form>
			</div>
			<br class="clear" />
          </div>
          <div class="content">
            <h3><a href="#">Gallery 1</a></h3>
            <div class="byline">By Aaron Ganschow, December 30, 2006 </div><br />
<ul id="gallery">
<li><a href="http://www.sxc.hu/photo/668437">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/1.jpg" alt="#1" title="#1" /></a></li>
<li><a href="http://www.sxc.hu/photo/564124">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/2.jpg" alt="#2" title="#2" /></a></li>
<li><a href="http://www.sxc.hu/photo/627076">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/3.jpg" alt="#3" title="#3" /></a></li>
<li><a href="http://www.sxc.hu/photo/629492">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/4.jpg" alt="#4" title="#4" /></a></li>
<li><a href="http://www.sxc.hu/photo/641726">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/5.jpg" alt="#5" title="#5" /></a></li>
<li><a href="http://www.sxc.hu/photo/643212">
<img src="http://aaron.ganschow.us/designs/tidyblog/gallery/6.jpg" alt="#6" title="#6" /></a></li>
</ul><br />
           </div>
          <br class="clear" />
        </div>
        <br class="clear" />
      </div>
      <br class="clear" />
      <div id="footer">
        <div id="footHead">
          <div class="container">
            <div class="head">
              Recent Posts
            </div>
            <div class="head">
              Awesome Links
            </div>
            <div class="head">
              Image Showcase
            </div>
          </div>
		  <div class="clear"></div>
        </div>
        <div id="footBody">
          <div class="container">
            <div class="content">
              <ul>
                <li>
                  <a href="#">My Uber beats your uber</a>
                </li>
                <li>
                  <a href="#">Why drama makes bunnies cry</a>
                </li>
                <li>
                  <a href="#">Buffy the Vampire Slayer vs Pikachu</a>
                </li>
                <li>
                  <a href="#">Myspace themes <strong><em>without</em></strong>
                  glitter</a>
                </li>
                <li>
                  <a href="#">This sundress makes my pig look fat</a>
                </li>
              </ul>
            </div>
            <div class="content">
              <ul>
                <li>
                  <a href="http://www.wildleaf.net/">Wildleaf</a>
                </li>
                <li>
                  <a href="http://aaron.ganschow.us/">Aaron.Ganschow</a>
                </li>
                <li>
                  <a href="http://www.sxc.hu/">Stock.xchng</a>
                </li>
                <li>
                  <a href="http://www.css-galleries.com/">CSS Galleries</a>
                </li>
              </ul>
            </div>
            <div class="content showcase">
              <img src="images/thumbs/1.jpg" width="65" height="65" alt="1" /> <img
              src="images/thumbs/2.jpg" width="65" height="65" alt="2" /> <img
              src="images/thumbs/3.jpg" width="65" height="65" alt="3" /> <img
              src="images/thumbs/4.jpg" width="65" height="65" alt="4" /> <img
              src="images/thumbs/5.jpg" width="65" height="65" alt="5" /> <img
              src="images/thumbs/6.jpg" width="65" height="65" alt="6" /> <img
              src="images/thumbs/7.jpg" width="65" height="65" alt="7" /> <img
              src="images/thumbs/8.jpg" width="65" height="65" alt="8" />
            </div>
          </div>
		  <div class="clear"></div>
          <div id="copyright">
            <div class="container">
              &copy; Copyright 2006 <a href="http://aaron.ganschow.us/">Aaron Ganschow</a>
            </div>
          </div>
        </div>
      </div>
    </div>
	<img src="images/tab_over.gif" style="display: none; visibility:hidden; width:0; height:0; position:absolute; top: -100px; left: -200px;" alt="I am soooo fake pre-loading this image so the navigation doesn't skip while loading the over state.  I know I could use the sliding doors technique to avoid this fate, but I am too lazy." />
  </body>
</html>